<html xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" >  

    <ui:composition template="layout.xhtml">
        <ui:define name="corpo">
            <h:form id="incluir_form_distribuicao" acceptcharset="utf-8"> 
                <div id="breadcrumb">
                    <p:commandLink  actionListener="#{managerIndex.redirect('index.xhtml')}" value="Inicio" update="@form" immediate="true"/> >
                    <p:commandLink  actionListener="#{managerIndex.redirect('indexSelo.xhtml')}" value="Selo" update="@form" immediate="true"/> >
                    <p:commandLink  value="Distribuir Selo" update="@form" immediate="true"/>
                </div> 
                <p:panel header="Distribuir Selos">
                    <p:messages id="msg"/>
                    <fieldset>
                        <legend>Dados do Recebedor</legend>
                        <br/>
                        <h:panelGrid columns="2"  id="panelUser" styleClass="textAlignRight" columnClasses="textAlignRight"> 

                            <h:outputText value="Recebedor :"/>
                            <h:outputText value="#{managerVisualizarDistribuicao.distribuicao.recebedor.nome}"/>

                            <h:outputText value="Comentario :"/>
                            <h:outputText value="#{managerVisualizarDistribuicao.distribuicao.comentario}"/>
                        </h:panelGrid>
                    </fieldset>
                    <br/>
                    <p:dataTable var="selos" value="#{managerVisualizarDistribuicao.lstSelos}"
                                 paginator="true" rows="10" paginatorPosition="bottom">
                        <f:facet name="header">
                            <h:outputText value="Selos"/>
                        </f:facet> 
                        <p:column headerText="Numero" style=" width: 80px;">
                            <h:outputText value="#{selos.numero}" style="font-weight: bold"/>
                        </p:column>
                        <p:column headerText="Serie" style=" width: 80px;">
                            <h:outputText value="#{selos.serie}" style="font-weight: bold"/>
                        </p:column>
                        <p:column headerText="Descricao" style=" width: 80px;">
                            <h:outputText value="#{selos.tipoSelo.descricao}" style="font-weight: bold"/>
                        </p:column>                  
                        <p:column headerText="Cor" style=" width: 80px;">
                            <h:outputLabel value="    " style="background-color: \##{selos.tipoSelo.corSelo.cor}" />
                            <table>
                                <tr>
                                    <td class="borderZero" style="height:10px; width: 10px; background-color: \##{selos.tipoSelo.corSelo.cor};"></td>

                                    <td><h:outputLabel value="#{selos.tipoSelo.nome}" /></td>
                                </tr>
                            </table>
                        </p:column>
                    </p:dataTable>
                </p:panel>
            </h:form>
        </ui:define>
    </ui:composition>
</html>

